<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style type="text/css">
            body {font-size: 12px}
        </style> 
        <h:outputScript library="js" name="locale.js" />
    </h:head>
    <h:body>
        <div align="center">
            <p:layout fullPage="true">  
				<p:layoutUnit position="north" size="100">
					<ui:include src="../topo.xhtml" />
				</p:layoutUnit>

			<p:layoutUnit position="west" header="Menu" size="200"
				resizable="true" closable="true" collapsible="true" effect="drop">
				<ui:insert name="menu">

					<h:form>
						<p:menu style="font-size: 12px;width: 98%">
							<p:submenu label="Administração" >
								<p:menuitem value="Pessoas" outcome="/cadPessoa.xhtml" />
								<p:menuitem value="Cargos" />
								<p:menuitem value="Áreas" />
							</p:submenu>
							<p:menuitem value="Dados Pessoais" />
							<p:menuitem value="Apontamentos" />
							<p:menuitem value="Sair" />
						</p:menu>
					</h:form>
				</ui:insert>
			</p:layoutUnit>
			<p:layoutUnit position="center">
				<ui:insert name="conteudo" />
			</p:layoutUnit>
			<p:layoutUnit position="east" header="xyz" size="200" 
				resizable="true" closable="true" collapsible="true" effect="drop">
				<p:calendar value="#{dataController.hoje}" id="inlineCal"
					mode="inline" locale="pt_BR" style="font-size: 10px;" />
			</p:layoutUnit>
			<p:layoutUnit position="south" size="100" header="Usuario"
				resizable="true" closable="true" collapsible="true" effect="drop">
				<ui:include src="../rodape.xhtml" />
			</p:layoutUnit>
		</p:layout>  
        </div>
    </h:body>
</html>

